<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>避免延迟</title>
    <style type="text/css">
    * {
        padding: 0;
        margin: 0;
    }
    </style>
    <script src="01.js"></script>
</head>
<body>
    <div class="container">
        <h1>避免延迟</h1>
        <div class="box">
            <p>
                如果js放在 &lt;head&gt; 标签中要等到js加载并解析后才会显示&lt;body&gt;标签中的内容。
            </p>
            <p>
                推荐将script标签放在body内部的后面
            </p>
        </div>
    </div>
    <script src="https://cdn.staticfile.org/jquery/3.2.0/jquery.js"></script>
    <script type="text/javascript">
    console.log(typeof str, str.length, 'done ...')
    </script>
</body>
</html>